<template>
  <view class="content">
    <view class="list2">
      <list @loadmore="loadmore">
        <cell v-for="(item, index) in list">
          <view class="item"
            ><text>{{ item.name }}</text></view
          >
        </cell>
      </list>
    </view>

    <view style="position: fixed; bottom: 0; left: 0" @click="chatClick"
      >发送</view
    >
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "Hello",
      list: new Array(600).fill({ name: 100 }),
    };
  },
  onLoad() {},
  methods: {
    chatClick() {
      let num = this.list[0].name - 1;

      this.list.unshift({ name: num });
    },
    loadmore() {
      console.log("执行");
      this.list.push(new Array(40).fill({ name: 55 }));
    },
  },
};
</script>

<style>
.content {
  flex-direction: column;
}

.list2 {
  transform: rotate(180deg);
  /* flex-direction: column;
	flex: 1; */
}

.item {
  line-height: 45px;
  transform: rotate(180deg);
}
</style>
